<template>
  <div class="tb" ref="wrap"></div>
</template>

<script setup lang="ts">
import * as echarts from 'echarts';
// 引入vue的onMounted和ref函数
import {onMounted,ref} from 'vue'
// 定义props，接收option参数
let {option} = defineProps(['option'])
// 定义一个ref变量，初始值为空字符串
let wrap =ref('')
// 在组件挂载后执行
onMounted(()=>{
 // 初始化echarts实例，将wrap的值作为容器
 let myChart= echarts.init(wrap.value);
   // 设置echarts实例的配置项
    myChart.setOption(option);
})

</script>
<style>
.tb{
    width: 100%;
    height: 90%;
}
</style>